.home-page {
  background-color: #fff;
  flex-direction: column;
  swiper {
    margin-top: 10px;
    height: 250px;
    .item-wrap {
      height: 100%;
      width: 100%;
      padding: 0 40px;
      image {
        width: 100%;
        height: 100%;
        border-radius: 10px;
      }
    }
  }
  .func-box {
    margin-top: 20px;
    padding: 10px;
    .item {
      justify-content: center;
      align-items: center;
      flex: 1;
      flex-direction: column;
      padding: 0 10px;
      .icon {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        background-color: red;
        margin-bottom: 8px;
        justify-content: center;
        align-items: center;
        image {
          width: 60%;
          height: 60%;
        }
      }
      .title {
        color: #666;
        font-size: 24px;
      }
    }
  }
  .radio-station,
  .song-list {
    margin-top: 20px;
    flex-direction: column;
    padding: 0 6px;
    .title {
      padding: 0 12px;
      border-left: 4px solid red;
      text {
        font-size: 32px;
      }
    }
    .content {
      margin-top: 10px;
      flex-wrap: wrap;
      justify-content: space-between;
      .list-item {
        padding: 6px;
        flex-direction: column;
        width: 33%;
        image {
          width: 100%;
        }
        .name {
          margin-top: 6px;
          text {
            color: #666;
            font-size: 24px;
            lines: 2;
          }
        }
      }
    }
  }

  .private-content {
    margin-top: 40px;
    flex-direction: column;
    padding: 0 6px;
    .title {
      padding: 0 12px;
      border-left: 4px solid red;
      text {
        font-size: 32px;
      }
    }
    tab-bar {
      height: 250px;
      .item {
        height: 100%;
        flex-direction: column;
        padding-right: 20px;
        width: 60%;
        .img {
          flex: 1;
          image {
            width: 100%;
            height: 100%;
          }
        }
        .name {
          height: 80px;
          width: 100%;
          text {
            font-size: 28px;
            lines: 2;
          }
        }
      }
    }
  }
  .recommend-mv {
    margin-top: 40px;
    flex-direction: column;
    padding: 0 6px;
    .title {
      padding: 0 12px;
      border-left: 4px solid red;
      text {
        font-size: 32px;
      }
    }
    tab-bar {
      height: 250px;
      .item {
        height: 100%;
        flex-direction: column;
        padding-right: 20px;
        width: 60%;
        .img {
          flex: 1;
          image {
            width: 100%;
            height: 100%;
          }
        }
        .name {
          height: 80px;
          width: 100%;
          text {
            font-size: 28px;
            lines: 2;
          }
        }
      }
    }
  }
}
